light mode
night mode
অ্যাঙ্গুলার (Angular)
Angular পরিচিতি Angular কি? Angular এর ইতিহাস এবং সংস্করণ (AngularJS থেকে Angular 15 পর্যন্ত) Angular এর বৈশিষ্ট্য এবং সুবিধা ডেভেলপমেন্ট এনভায়রনমেন্ট সেটআপ Angular CLI ইনস্টল করা Angular এর স্থাপত্য Angular কম্পোনেন্ট মডিউল (NgModules) টেম্পলেট এবং ভিউ ডিরেক্টিভস সার্ভিস এবং ডিপেন্ডেন্সি ইনজেকশন রাউটিং এবং নেভিগেশন Angular কম্পোনেন্টস CLI দিয়ে কম্পোনেন্ট তৈরি করা কম্পোনেন্ট ডেকোরেটর কম্পোনেন্ট লাইফসাইকেল হুকস ডাটা বাইন্ডিং (ইন্টারপোলেশন, প্রোপার্টি বাইন্ডিং, ইভেন্ট বাইন্ডিং, টু-ওয়ে বাইন্ডিং) কম্পোনেন্টের টেম্পলেট এবং স্টাইলস Angular মডিউলস রুট মডিউল (AppModule) ফিচার মডিউলস শেয়ার্ড মডিউলস ল্যাজি লোডিং মডিউলস মডিউল অর্গানাইজেশন বেস্ট প্রাকটিসেস টেম্পলেট এবং ডিরেক্টিভস টেম্পলেট সিনট্যাক্স স্ট্রাকচারাল ডিরেক্টিভস (ngIf, ngFor, ngSwitch) অ্যাট্রিবিউট ডিরেক্টিভস (ngClass, ngStyle) কাস্টম ডিরেক্টিভ তৈরি করা Angular পাইপস পাইপ কি? বিল্ট-ইন পাইপস (DatePipe, UpperCasePipe ইত্যাদি) কাস্টম পাইপ তৈরি করা অ্যাসিঙ্ক পাইপ Angular ফর্মস টেম্পলেট-ড্রিভেন ফর্মস রিয়্যাক্টিভ ফর্মস ফর্ম ভ্যালিডেশন (বিল্ট-ইন এবং কাস্টম) Form Group এবং Form Controls ফর্ম সাবমিশন হ্যান্ডলিং রাউটিং এবং নেভিগেশন রাউট সেটআপ করা Router Module এবং Route Configuration Route Parameters এবং Query Parameters চাইল্ড রাউটস Lazy Loading Routes রাউট গার্ডস (CanActivate, CanDeactivate ইত্যাদি) রাউট রেজলভার সার্ভিস এবং ডিপেন্ডেন্সি ইনজেকশন সার্ভিস তৈরি এবং ব্যবহার Injectable ডেকোরেটর হায়ারার্কিক্যাল ডিপেন্ডেন্সি ইনজেকশন সিঙ্গেলটন সার্ভিসেস Angular এর HTTP ক্লায়েন্ট HttpClientModule পরিচিতি HTTP রিকোয়েস্ট (GET, POST, PUT, DELETE) করা HTTP রিকোয়েস্টে ত্রুটি হ্যান্ডলিং Angular এর Interceptors Observables এবং RxJS ব্যবহার RxJS এবং Observables RxJS কি? Observables, Operators, এবং Subjects কমন RxJS অপারেটরস (map, filter, mergeMap ইত্যাদি) অ্যাসিঙ্ক অপারেশন হ্যান্ডলিং RxJS তে ত্রুটি হ্যান্ডলিং কম্পোনেন্ট ইন্টারঅ্যাকশন Parent-Child কম্পোনেন্ট কমিউনিকেশন (Input, Output) ViewChild এবং ContentChild সার্ভিস-ভিত্তিক কমিউনিকেশন EventEmitter ব্যবহার Angular অ্যানিমেশনস অ্যানিমেশন এর বেসিক ধারণা অ্যানিমেশন তৈরি এবং কনফিগার করা অ্যানিমেশন ট্রিগার এবং স্টেট Keyframes এবং Transitions Angular রাউট গার্ডস রাউট গার্ড কি? গার্ডের প্রকারভেদ (CanActivate, CanDeactivate, Resolve ইত্যাদি) রাউট গার্ড ইমপ্লিমেন্ট করা Lazy Loading এর সাথে গার্ড ব্যবহার Angular টেস্টিং কম্পোনেন্ট ইউনিট টেস্টিং ডিপেন্ডেন্সি ইনজেকশন সহ সার্ভিস টেস্টিং Protractor দিয়ে End-to-End টেস্টিং ডিরেক্টিভ এবং পাইপ টেস্টিং HTTP রিকোয়েস্ট মকিং Angular CLI কমন Angular CLI কমান্ডস CLI দিয়ে কম্পোনেন্ট, সার্ভিস, মডিউল তৈরি Angular CLI Workspaces Angular অ্যাপ্লিকেশন বিল্ড এবং সার্ভ করা Angular Material Angular Material পরিচিতি Angular Material সেটআপ Material কম্পোনেন্টস (Buttons, Icons, Cards ইত্যাদি) Material Data Table Angular Material থিমিং Angular Flex Layout Flex Layout দিয়ে রেসপনসিভ লেআউট Grid ভিত্তিক লেআউট তৈরি Angular Flexbox ব্যবহার Angular ফর্মস এডভান্সড ডাইনামিক ফর্মস Reactive ফর্মে FormArray কাস্টম ভ্যালিডেটর বিল্ডিং এবং ডিপ্লয়মেন্ট প্রোডাকশনের জন্য অ্যাপ্লিকেশন বিল্ড করা Angular অ্যাপ্লিকেশন অপটিমাইজেশন Ahead-of-Time (AOT) কম্পাইলেশন Backend সার্ভিসের সাথে Angular (Node.js, Spring Boot) Firebase, Netlify, GitHub Pages ইত্যাদিতে অ্যাপ্লিকেশন ডিপ্লয় Angular এর এডভান্সড টপিকস Change Detection Strategy (OnPush vs Default) Web Workers এর সাথে Angular Angular Universal দিয়ে Server-Side Rendering State Management (NgRx) Performance Optimization Techniques

Angular এর ইতিহাস এবং সংস্করণ (AngularJS থেকে Angular 15 পর্যন্ত)

Web Development - অ্যাঙ্গুলার (Angular) - Angular পরিচিতি |

Angular এর ইতিহাস এবং সংস্করণসমূহ দুটি পর্যায়ে বিভক্ত: AngularJS এবং Angular (2+)। AngularJS ছিল Angular এর প্রথম সংস্করণ এবং পরবর্তী সংস্করণগুলো Angular নামে পরিচিত হয়। প্রতিটি নতুন সংস্করণে উন্নত ফিচার, পারফরম্যান্স, এবং ডেভেলপারদের জন্য আরও সুবিধা যুক্ত করা হয়েছে।

AngularJS: শুরুর দিকের ফ্রেমওয়ার্ক

  • প্রকাশ: ২০১০ সালে।
  • ভাষা: JavaScript।
  • আর্কিটেকচার: Model-View-Controller (MVC)।
  • বৈশিষ্ট্য:
    • Two-way Data Binding।
    • Dependency Injection।
    • Directives (ng-repeat, ng-model ইত্যাদি)।
  • সীমাবদ্ধতা: পারফরম্যান্স সমস্যা, বড় অ্যাপ্লিকেশনের জন্য সীমিত স্কেলেবিলিটি।

AngularJS ছিল ছোট অ্যাপ্লিকেশনের জন্য কার্যকর, তবে বড় এবং জটিল অ্যাপ্লিকেশন তৈরিতে এর সীমাবদ্ধতা ছিল। এর ফলে Google AngularJS পুনর্লিখনের সিদ্ধান্ত নেয়।

Angular (2+): সম্পূর্ণ নতুন ফ্রেমওয়ার্ক

AngularJS এর সীমাবদ্ধতাগুলো দূর করার জন্য ২০১৬ সালে Angular 2 চালু হয়। এটি TypeScript-ভিত্তিক একটি নতুন ফ্রেমওয়ার্ক এবং AngularJS থেকে সম্পূর্ণ ভিন্ন। Angular এর প্রতিটি সংস্করণে নতুন ফিচার ও উন্নয়ন যুক্ত হয়েছে।

Angular এর প্রধান সংস্করণসমূহ:

Angular 2 (২০১৬)

  • ভাষা: TypeScript।
  • পরিবর্তন:
    • Component-Based Architecture।
    • Angular CLI (Command Line Interface)।
    • Improved Dependency Injection।
  • সুবিধা: বড় অ্যাপ্লিকেশন তৈরির জন্য উপযোগী।

Angular 4 (২০১৭)

  • কারণ: Angular 3 প্রকাশিত হয়নি, কারণ Angular Router সংস্করণ 3 এ ছিল।
  • বৈশিষ্ট্য:
    • ছোট অ্যাপ সাইজ।
    • Animations Module।
    • Angular Universal (Server-Side Rendering)।

Angular 5 (২০১৭)

  • বৈশিষ্ট্য:
    • Build Optimizer।
    • Improved HttpClient।
    • Progressive Web Application (PWA) সাপোর্ট।

Angular 6 (২০১৮)

  • উন্নতি:
    • Angular Elements।
    • Tree Shakable Providers।
    • Library Support।
    • ng-update এবং ng-add CLI কমান্ড।

Angular 7 (২০১৮)

  • নতুন বৈশিষ্ট্য:
    • Virtual Scrolling।
    • Drag and Drop।
    • CLI Prompts।

Angular 8 (২০১৯)

  • প্রধান আপডেট:
    • Ivy Renderer (Experimental)।
    • Differential Loading।
    • Web Worker Support।

Angular 9 (২০২০)

  • মূল ফিচার:
    • Ivy Renderer ডিফল্ট।
    • Smaller Bundle Size।
    • Improved Debugging Tools।

Angular 10 (২০২০)

  • উন্নতি:
    • নতুন TypeScript 3.9 সাপোর্ট।
    • Optional Strict Mode।
    • Warnings for CommonJS Imports।

Angular 11 (২০২০)

  • বৈশিষ্ট্য:
    • Faster Builds।
    • Improved Router।
    • Component Test Harnesses।

Angular 12 (২০২১)

  • উন্নতি:
    • View Engine Deprecation।
    • Inline Sass Support।
    • Strict Defaults।

Angular 13 (২০২১)

  • ফিচার:
    • Angular Package Format (APF) আপডেট।
    • Dynamic Component Creation।
    • Node.js 12+ সাপোর্ট।

Angular 14 (২০২২)

  • নতুন বৈশিষ্ট্য:
    • Standalone Components।
    • Typed Forms।
    • Enhanced CLI।

Angular 15 (২০২২)

  • উন্নতি:
    • Image Optimization।
    • Directive Composition API।
    • Better Developer Tools।

Angular 16 (২০২৩)

  • ফোকাস:
    • Signals API (Reactive State Management)।
    • Enhanced SSR Support।
    • Lazy Route Guards।

Angular 17 (২০২৩)

  • উন্নতি:
    • Faster Build Time।
    • Advanced Debugging Features।
    • Improved Component Inputs।

Angular 18 (২০২৪)

  • প্রধান বৈশিষ্ট্য:
    • AI-Based Code Suggestions।
    • Enhanced Ivy Performance।
    • Progressive Hydration।

Angular 19 (২০২৪)

  • নতুন উন্নয়ন:
    • Advanced Real-Time Collaboration Features।
    • Optimized Resource Management।
    • Full-stack Integration Support।

AngularJS থেকে Angular 19: প্রধান পার্থক্য

  • ভাষা পরিবর্তন: AngularJS ছিল JavaScript ভিত্তিক, Angular 2+ থেকে TypeScript ভিত্তিক।
  • পারফরম্যান্স: AngularJS তুলনায় Angular 2+ অনেক দ্রুত এবং অপ্টিমাইজড।
  • ডিজাইন প্যাটার্ন: AngularJS এর MVC, আর Angular 2+ এর Component-Based Architecture।
  • উন্নত ফিচার: Ivy Renderer, Signals API, Typed Forms।

AngularJS থেকে Angular 19 পর্যন্ত এই ফ্রেমওয়ার্কটি ক্রমাগত উন্নয়নের মাধ্যমে ওয়েব ডেভেলপারদের জন্য একটি শক্তিশালী এবং স্কেলেবল টুল হিসেবে পরিণত হয়েছে।

Content added By
Md Azizur Rahman

Read more

Angular এর ইতিহাস এবং সংস্করণ (AngularJS থেকে Angular 15 পর্যন্ত)

or

Don't have an account? Register

Promotion